<!-- Copyright (c) Microsoft Corporation.
 Licensed under the MIT License. -->

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>CodePush</title>
    <style>
        @font-face {
            font-family: 'wf_segoe-ui_normal';
            src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot");
            src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/normal/latest.svg#web") format("svg");
            font-weight: normal;
            font-style: normal;
        }

        @font-face {
            font-family: 'wf_segoe-ui_light';
            src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot");
            src: url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.eot?#iefix") format("embedded-opentype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.ttf") format("truetype"), url("//i.s-microsoft.com/fonts/segoe-ui/west-european/light/latest.svg#web") format("svg");
            font-weight: normal;
            font-style: normal;
        }

        html, body {
            width: 100%;
            height: 100%;
            margin: 0px;
            padding: 0px;
            overflow: hidden;
        }

        .container {
            padding-top: 4em;
            text-align: center;
            font-size: 1.5em;
            font-family: 'wf_segoe-ui_light', 'wf_segoe-ui_normal', Tahoma;
            color: white;
            width: 100%;
            height: 100%;
            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/CodePushFinal_4_bg.svg', sizingMethod='scale');
            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/CodePushFinal_4_bg.svg', sizingMethod='scale')";
            background-color: black;
            background-image: url('images/CodePushFinal_4_bg.svg');
            background-size: cover;
            background-position: top;
            background-repeat: no-repeat;
            overflow: hidden;
        }

        .spacer {
            padding-left:1em;
        }

        .container .github {
            max-width: 7em;
        }

        .container .microsoft {
            max-width: 7.9em;
        }

        a {
            background-color: #56ACE2;
            color: black;
            padding: 10px 16px;
            text-decoration: inherit;
            font-family: 'wf_segoe-ui_normal', 'wf_segoe-ui_normal', Tahoma;
            font-size:1.2rem
        }

        a:hover {
            background-color: #82c1e9;
        }

        a img {
            margin-bottom: -0.2rem;
            width: 24px;
        }
    </style>
</head>
<body>
    <div class="container">
        Please select an authentication provider for your CodePush account:<br />
        <br />
        <% if (isGitHubAuthenticationEnabled) { %>
            <a href="/auth/<%=action%>/github"><img class="github" src="images/GitHub.png"> GitHub</a>
            <span class="spacer"/>
        <% } %>
        <% if (isMicrosoftAuthenticationEnabled) { %>
            <a href="/auth/<%=action%>/microsoft"><img class="microsoft" src="images/windows10.png"> Microsoft (Personal)</a>
            <span class="spacer"/>
            <a href="/auth/<%=action%>/azure-ad"><img class="microsoft" src="images/windows10.png"> Microsoft (Work)</a><br />
        <% } %>
    </div>
</body>
</html>
